/* ==================== 工具类 ==================== */

/* 边框 */
.border-92 { border: 1rpx solid #929292; }
.border-62 { border: 1rpx solid #626262; }
.border-f0 { border: 1rpx solid #f0f0f0; }
.border-ee { border: 1rpx solid #eee; }
.border-e0 { border: 1rpx solid #e0e0e0; }
.border-f5 { border: 1rpx solid #f5f5f5; }
.border-e37c4f { border: 2rpx solid #e37c4f; }
.border-797979 { border: 1rpx solid #797979; }
.border-00b6ff { border: 2rpx solid #00b6ff; }
.border-505ef2 { border: 2rpx solid #505ef2; }
.border-4caf50 { border: 2rpx solid #4caf50; }
.border-f44336 { border: 2rpx solid #f44336; }
.border-ff6b6b { border: 2rpx solid #ff6b6b; }
.border-33 { border: 3rpx solid #333333; }
.border-transparent { border: 2rpx solid transparent; }
.border-007aff { border-bottom-color: #007AFF; }
.border-cc { border: 1rpx solid #ccc; }

/* 边框 - 单边 */
.border-b-f0 { border-bottom: 1rpx solid #f0f0f0; }
.border-b-ee { border-bottom: 1rpx solid #eee; }
.border-b-e0 { border-bottom: 1rpx solid #e0e0e0; }
.border-b-f5 { border-bottom: 1rpx solid #f5f5f5; }
.border-t-f0 { border-top: 1rpx solid #f0f0f0; }
.border-t-ee { border-top: 1rpx solid #eee; }
.border-t-f5 { border-top: 1rpx solid #f5f5f5; }

/* 边框 - 紫色系 */
.border-505ef2 { border: 2rpx solid #505ef2; }

/* 分割线 */
.border-line {
	width: 750rpx;
	height: 1px;
	border-bottom: 1rpx solid #ccc;
}

/* 圆角 */
.radius-3 { border-radius: 3rpx; }
.radius-8 { border-radius: 8rpx; }
.radius-10 { border-radius: 10rpx; }
.radius-12 { border-radius: 12rpx; }
.radius-16 { border-radius: 16rpx; }
.radius-20 { border-radius: 20rpx; }
.radius-24 { border-radius: 24rpx; }
.radius-25 { border-radius: 25rpx; }
.radius-28 { border-radius: 28rpx; }
.radius-32 { border-radius: 32rpx; }
.radius-36 { border-radius: 36rpx; }
.radius-full { border-radius: 50%; }
.radius-top-20 { border-radius: 20rpx 20rpx 0 0; }

/* 阴影 */
.shadow-sm { box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.08); }
.shadow-md { box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1); }
.shadow-lg { box-shadow: 0 8rpx 24rpx rgba(0,0,0,0.12); }
.shadow-xl { box-shadow: 0 16rpx 48rpx rgba(0,0,0,0.3); }

/* 阴影 - 彩色系 */
.shadow-blue { box-shadow: 0 4rpx 12rpx rgba(0, 191, 255, 0.3); }
.shadow-blue-strong { box-shadow: 0 8rpx 24rpx rgba(0, 182, 255, 0.4); }

/* 透明度 */
.opacity-2 { opacity: 0.2; }
.opacity-3 { opacity: 0.3; }
.opacity-5 { opacity: 0.5; }
.opacity-6 { opacity: 0.6; }
.opacity-7 { opacity: 0.7; }
.opacity-8 { opacity: 0.8; }

/* 光标 */
.cursor-pointer { cursor: pointer; }

/* 过渡动画 */
.transition-all { transition: all 0.3s; }
.transition-fast { transition: all 0.2s; }

/* 滚动条隐藏 */
.scrollbar-none::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}

/* 遮罩层 */
.mask-dark { background: rgba(0, 0, 0, 0.5); }
.mask-light { background: rgba(0, 0, 0, 0.3); }


